<template>
  <el-menu
    :default-active="$route.name"
    router
    class="container"
    mode="horizontal"
    background-color="#545c64"
    text-color="#fff"
    active-text-color="#ffd04b">
    <el-menu-item
      v-for="nav in navRouterData"
      :key="nav.path"
      :index="nav.path"
    >{{ nav.meta.title }}
    </el-menu-item>
  </el-menu>
</template>

<script>
  import { navRouter as navRouterData } from '@/router'

  export default {
    data() {
      return {
        navRouterData
      }
    }
  }
</script>
